<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>App</title>
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/app.css">
    <script src="./js/jquery-3.6.0.js"></script>
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="container">

            <div class="nav-left">
                <div class="logo">
                    <a href="#"></a>
                </div>
                <div class="city">
                    <p>
                        <i></i>
                        <span class="seclet">福州</span>
                        <span class="switch">[切换城市]</span>
                    </p>

                </div>
                <div class="nav-list">
                    <ul>
                        <li class=""><a href="./index.html">首页</a></li>
                        <li class=""><a href="./job.html">职位</a></li>
                        <li class=""><a href="./school.html" class="New">校园</a></li>
                        <li class=""><a href="./overseas.html">海归</a></li>
                        <li class=""><a href="./brand.html">公司</a></li>
                        <li class="cur"><a href="./app.html">APP</a></li>
                        <li class=""><a href="./zixun.html">资讯</a></li>
                        <li class=""><a href="./find.html" class="hot">百科</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="nav-right">
                <a href="#">上传简历</a>
                <a href="#" class="hot">我要找工作</a>
                <a href="#">我要招聘</a>
                <a href="#" class="sign a-border">注册</a>
                <a href="#" class="login a-border">登录</a>

            </div>

        </div>
    </header>
    <!-- 头部 -->


    <!-- main -->

    <div id="main">
        <div class="full_view">



            <div class="sec full-app">
                <div class="inner">
                    <div class="figure animation fadeInLeft">
                        <div class="app-chat">
                            <div class="app-inner"></div>
                        </div>
                        <div class="app-tip"></div>
                    </div>
                    <div class="text animation fadeInRight">
                        <h3 class="title">找工作要跟，老板谈</h3>
                        <div class="des">下载BOSS直聘APP</div>
                        <div class="app-btns">
                            <div class="app-qrcode animation fadeIn"><img src="./imgs/generate.jfif" alt=""></div>
                            <a href="https://www.zhipin.com/wapi/zpCommon/download/index?type=ckios&amp;pkn=intro" class="btn-iphone" ka="iphone-app"><span>iPhone</span></a><a href="https://www.zhipin.com/wapi/zpCommon/download/index?type=ckand&amp;pkn=intro"
                                class="btn-android" ka="android-app"><span>Android</span></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="sec company-chat">
                <div class="inner">
                    <div class="text ">
                        <h3 class="title">BOSS直聘</h3>
                        <div class="des">企业BOSS与职场牛人直接在线开聊</div>
                    </div>
                    <div class="figure">
                        <div class="figure-phone"></div>
                        <div class="figure-logo"><img src="https://static.zhipin.com/v2/web/news/images/logo.png" alt=""></div>
                        <ul class="figure-members">
                            <li class="user-1 scale-big "><img class="boss-img" src="https://static.zhipin.com/v2/web/news/images/boss-1.png" alt=""><img class="company-img" src="https://static.zhipin.com/v2/web/news/images/company-1.png" alt=""></li>
                            <li class="user-2 "><img class="boss-img" src="https://static.zhipin.com/v2/web/news/images/boss-2.png" alt=""><img class="company-img" src="https://static.zhipin.com/v2/web/news/images/company-2.png" alt=""></li>
                            <li class="user-3 "><img class="boss-img" src="https://static.zhipin.com/v2/web/news/images/boss-3.png" alt=""><img class="company-img" src="https://static.zhipin.com/v2/web/news/images/company-3.png" alt=""></li>
                            <li class="user-4 scale-big "><img class="boss-img" src="https://static.zhipin.com/v2/web/news/images/boss-4.png" alt=""><img class="company-img" src="https://static.zhipin.com/v2/web/news/images/company-4.png" alt=""></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="sec full-direcruit">
                <div class="inner">
                    <div class="figure">
                        <div class="chat-list">
                            <div class="chat-inner"></div>
                        </div>
                        <div class="chat-tip"></div>
                    </div>
                    <div class="text ">
                        <h3 class="title">直聘 / direcruit</h3>
                        <div class="des">在APP上跟未来BOSS直接开聊 与冷冰冰的简历投递说再见</div>
                    </div>
                </div>
            </div>
            <div class="sec full-company">
                <div class="inner">
                    <div class="text">
                        <h3 class="title">名企 / BIG COMPANY</h3>
                        <div class="des">阿里百度腾讯，滴滴美团京东。都在用BOSS直聘招人</div>
                    </div>
                    <div class="figure">
                        <div class="figure-computer"></div>
                        <ul class="figure-logos">
                            <li class="logo-1 "><img src="https://static.zhipin.com/v2/web/news/images/logo-baidu.png" alt=""></li>
                            <li class="logo-2 "><img src="https://static.zhipin.com/v2/web/news/images/logo-didi.png" alt=""></li>
                            <li class="logo-3 "><img src="https://static.zhipin.com/v2/web/news/images/logo-meituan.png" alt=""></li>
                            <li class="logo-4 "><img src="https://static.zhipin.com/v2/web/news/images/logo-ali.png" alt=""></li>
                            <li class="logo-5 "><img src="https://static.zhipin.com/v2/web/news/images/logo-jd.png" alt=""></li>
                            <li class="logo-6 "><img src="https://static.zhipin.com/v2/web/news/images/logo-tencent.png" alt=""></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="sec full-decent">
                <div class="inner">
                    <div class="figure">
                        <div class="figure-phone"></div>
                        <ul class="figure-cards show-card">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </div>
                    <div class="text">
                        <h3 class="title">DECENT PAY / 高薪</h3>
                        <div class="des">除了真人在线之外 BOSS们认为最能表现诚意的是可观的薪资</div>
                    </div>
                </div>
            </div>
            <div class="sec sec-other">
                <div class="inner">
                    <div class="mod-always animation fadeIn">
                        <h3 class="title">他们一直在用</h3>
                        <div class="scroll-wrap">
                            <div class="bx-wrapper" style="max-width: 8250px; margin: 0px auto;">
                                <div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 89px;">
                                    <ul class="company-list" style="width: 1615%; position: relative; transition-duration: 0s; transform: translate3d(-2147.95px, 0px, 0px);">
                                        <li style="float: left; list-style: none; position: relative; width: 143.429px; margin-right: 10px;" class="bx-clone"><img src="https://static.zhipin.com/v2/web/news/images/c-8.png" alt=""></li>
                                        <li style="float: left; list-style: none; position: relative; width: 143.429px; margin-right: 10px;" class="bx-clone"><img src="https://static.zhipin.com/v2/web/news/images/c-9.png" alt=""></li>
                                        <li style="float: left; list-style: none; position: relative; width: 143.429px; margin-right: 10px;" class="bx-clone"><img src="https://static.zhipin.com/v2/web/news/images/c-10.png" alt=""></li>
                                        <li style="float: left; list-style: none; position: relative; width: 143.429px; margin-right: 10px;" class="bx-clone"><img src="https://static.zhipin.com/v2/web/news/images/c-11.png" alt=""></li>
                                        <li style="float: left; list-style: none; position: relative; width: 143.429px; margin-right: 10px;" class="bx-clone"><img src="https://static.zhipin.com/v2/web/news/images/c-12.png" alt=""></li>
                                        <li style="float: left; list-style: none; position: relative; width: 143.429px; margin-right: 10px;" class="bx-clone"><img src="https://static.zhipin.com/v2/web/news/images/c-13.png" alt=""></li>
                                        <li style="float: left; list-style: none; position: relative; width: 143.429px; margin-right: 10px;" class="bx-clone"><img src="https://static.zhipin.com/v2/web/news/images/c-14.png" alt=""></li>
                                        <li style="float: left; list-style: none; position: relative; width: 143.429px; margin-right: 10px;">
                                            <img src="https://static.zhipin.com/v2/web/news/images/c-1.png" alt=""></li>
                                        <li style="float: left; list-style: none; position: relative; width: 143.429px; margin-right: 10px;">
                                            <img src="https://static.zhipin.com/v2/web/news/images/c-2.png" alt=""></li>
                                        <li style="float: left; list-style: none; position: relative; width: 143.429px; margin-right: 10px;">
                                            <img src="https://static.zhipin.com/v2/web/news/images/c-3.png" alt=""></li>
                                        <li style="float: left; list-style: none; position: relative; width: 143.429px; margin-right: 10px;">
                                            <img src="https://static.zhipin.com/v2/web/news/images/c-4.png" alt=""></li>
                                        <li style="float: left; list-style: none; position: relative; width: 143.429px; margin-right: 10px;">
                                            <img src="https://static.zhipin.com/v2/web/news/images/c-5.png" alt=""></li>
                                        <li style="float: left; list-style: none; position: relative; width: 143.429px; margin-right: 10px;">
                                            <img src="https://static.zhipin.com/v2/web/news/images/c-6.png" alt=""></li>
                                        <li style="float: left; list-style: none; position: relative; width: 143.429px; margin-right: 10px;">
                                            <img src="https://static.zhipin.com/v2/web/news/images/c-7.png" alt=""></li>
                                        <li style="float: left; list-style: none; position: relative; width: 143.429px; margin-right: 10px;">
                                            <img src="https://static.zhipin.com/v2/web/news/images/c-8.png" alt=""></li>
                                        <li style="float: left; list-style: none; position: relative; width: 143.429px; margin-right: 10px;">
                                            <img src="https://static.zhipin.com/v2/web/news/images/c-9.png" alt=""></li>
                                        <li style="float: left; list-style: none; position: relative; width: 143.429px; margin-right: 10px;">
                                            <img src="https://static.zhipin.com/v2/web/news/images/c-10.png" alt="">
                                        </li>
                                        <li style="float: left; list-style: none; position: relative; width: 143.429px; margin-right: 10px;">
                                            <img src="https://static.zhipin.com/v2/web/news/images/c-11.png" alt="">
                                        </li>
                                        <li style="float: left; list-style: none; position: relative; width: 143.429px; margin-right: 10px;">
                                            <img src="https://static.zhipin.com/v2/web/news/images/c-12.png" alt="">
                                        </li>
                                        <li style="float: left; list-style: none; position: relative; width: 143.429px; margin-right: 10px;">
                                            <img src="https://static.zhipin.com/v2/web/news/images/c-13.png" alt="">
                                        </li>
                                        <li style="float: left; list-style: none; position: relative; width: 143.429px; margin-right: 10px;">
                                            <img src="https://static.zhipin.com/v2/web/news/images/c-14.png" alt="">
                                        </li>
                                        <li style="float: left; list-style: none; position: relative; width: 143.429px; margin-right: 10px;" class="bx-clone"><img src="https://static.zhipin.com/v2/web/news/images/c-1.png" alt=""></li>
                                        <li style="float: left; list-style: none; position: relative; width: 143.429px; margin-right: 10px;" class="bx-clone"><img src="https://static.zhipin.com/v2/web/news/images/c-2.png" alt=""></li>
                                        <li style="float: left; list-style: none; position: relative; width: 143.429px; margin-right: 10px;" class="bx-clone"><img src="https://static.zhipin.com/v2/web/news/images/c-3.png" alt=""></li>
                                        <li style="float: left; list-style: none; position: relative; width: 143.429px; margin-right: 10px;" class="bx-clone"><img src="https://static.zhipin.com/v2/web/news/images/c-4.png" alt=""></li>
                                        <li style="float: left; list-style: none; position: relative; width: 143.429px; margin-right: 10px;" class="bx-clone"><img src="https://static.zhipin.com/v2/web/news/images/c-5.png" alt=""></li>
                                        <li style="float: left; list-style: none; position: relative; width: 143.429px; margin-right: 10px;" class="bx-clone"><img src="https://static.zhipin.com/v2/web/news/images/c-6.png" alt=""></li>
                                        <li style="float: left; list-style: none; position: relative; width: 143.429px; margin-right: 10px;" class="bx-clone"><img src="https://static.zhipin.com/v2/web/news/images/c-7.png" alt=""></li>
                                    </ul>
                                </div>
                                <div class="bx-controls bx-has-controls-direction">
                                    <div class="bx-controls-direction"><a class="bx-prev" href="" ka="webhome-company-prev">Prev</a><a class="bx-next" href="" ka="webhome-company-next">Next</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- main -->



    <footer>
        <div class="container">
            <div id="about">
                <div class="aboutLeft">
                    <div class="top">
                        <ul>
                            <li>企业服务</li>
                            <li>
                                <a href="#">职位搜索</a>
                            </li>
                            <li>
                                <a href="#">新闻资讯</a>
                            </li>
                            <li>
                                <a href="#">BOSS直聘APP</a>

                            </li>
                            <li><a href="#">投资者关系</a></li>
                        </ul>
                        <ul>
                            <li>使用与帮助</li>
                            <li>
                                <a href="#">协议与规则</a>
                            </li>
                            <li>
                                <a href="#">个人信息保护政策</a>
                            </li>
                            <li>
                                <a href="#">防骗指南</a>

                            </li>
                            <li> <a href="#">使用帮助</a></li>
                        </ul>
                        <ul>
                            <li>联系BOSS直聘</li>
                            <li>
                                北京华品博睿网络技术有限公司
                            </li>
                            <li>
                                公司地址 北京市朝阳区太阳宫中路16号院1号楼18层1801内09
                            </li>
                            <li>
                                <p>
                                    违法和不良信息举报邮箱/未成年人举报渠道
                                    <a class="mail" href="#">jubao@kanzhun.com</a>
                                </p>


                            </li>
                        </ul>
                    </div>
                    <div class="bottom">
                        <p>
                            <span>Copyright © 2022 BOSS直聘</span>
                            <span>
                                 <a href="#" target="_blank">
                                     京ICP备14013441号-5
                                 </a>
                             </span>

                            <span>京ICP证150923号</span>
                            <span>京网文[2020]0399-066 号</span>

                            <span>
                                 <a href="#">
                                     <img src="./imgs/icon-badge-1.png"> 电子营业执照
                                 </a>
                             </span>

                            </span>
                            <span>
                                 <a href='#'>
                                     <img src="./imgs/icon-beian.png" alt="">
                                     京公网安备11010502032801
                                 </a>
                             </span>

                            <span>
                                 <a href="#">朝阳网警</a>
                             </span>



                            <span>
                                 <a href="#">人力资源服务许可证</a>
                             </span>

                            <span>
                                 <a href="#">网上有害信息举报专区</a>
                             </span>
                            <span>朝阳区人社局监督电话</span>
                        </p>
                    </div>
                </div>
                <div class="aboutRight">
                    <div class="social">
                        <img src="./imgs/footer-logo.png" alt="">
                    </div>
                    <div class="phone">
                        <p>企业服务热线和举报投诉/未成年人举报渠道 <span>400 065 5799</span></p>
                        <p>老年人直连热线 <span>400 661 6030</span></p>
                        <p>工作日 <span>8:00 - 22:00</span></p>
                        <p>休息日 <span>9:30 - 18:30</span></p>
                    </div>
                    <div class="footer-icon">
                        <a href="JavaScript:;" class="weibo"></a>
                        <a href="JavaScript:;" class="weixin">
                            <div class="weixincode">
                                <img src="./imgs/we_chat_qr.jpg" alt="">
                            </div>
                        </a>
                        <a href="JavaScript:;" class="app"></a>
                        <a href="JavaScript:;" class="pc">
                            <img src="./imgs/dppx09luaq1637052502211.png" alt="">
                        </a>
                    </div>
                </div>
            </div>


        </div>
        <div class="links">
            <div class="container">

                <div class="linksBox">



                    <span>友情链接:</span>

                    <div>
                        <ul>

                        </ul>
                        <ul class="hideUl">

                        </ul>
                    </div>

                    <label>
                         <span class="fs">展开</span>
                         <i class="fsi"></i>
                     </label>
                </div>
            </div>

        </div>
    </footer>
    <!-- 页脚 -->

    <!-- 侧边栏 -->

    <div class="silderbar">

        <div class="slider-top">
            <ul>
                <li>

                    <a href="JavaScript:;">
                        <i></i> 感兴趣
                    </a>
                </li>
                <li>
                    <a href="JavaScript:;">
                        <i></i> 沟通过
                    </a>
                </li>
                <li>
                    <a href="JavaScript:;">
                        <i></i> 已投递
                    </a>
                </li>
                <li>
                    <a href="JavaScript:;">
                        <i></i> 面试
                    </a>
                </li>
            </ul>
        </div>
        <div class="slider-bottom">
            <ul>
                <li>
                    <a href="JavaScript:;" class="upTop"></a>
                </li>
                <li>
                    <a href="JavaScript:;">反馈</a>
                </li>
                <li class="vxqrcode">
                    <a href="JavaScript:;">微信</a>
                    <div class="qrcode">
                        <i></i>
                        <img src="./imgs/wechat-qrcode-2.jpg" alt="">
                    </div>
                </li>
                <li>
                    <a href="JavaScript:;">微博</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 侧边栏 -->
</body>

<script src="./js/public.js"></script>
<script src="./js/app.js"></script>

</html>